<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
	<head>
		<meta http-equiv="content-type" content="text/html; charset=utf-8" />
		
		<title>CasualJS Framework Reference - Index</title>
		<meta name="generator" content="JsDoc Toolkit" />
		
		<style type="text/css">
		/* default.css */
body
{
	font: 12px Tahoma, Arial, sans-serif;
	margin: 0;
	padding: 0;
}

#header
{
	clear: both;
	background: #2f323e;
	height: 70px;
	margin-bottom: 20px;
}

#header a
{
	color: #222;
	display: block;
	text-decoration: none;
	height: 18px;
}

a
{
	color: #222;
}

a:hover
{
	color: #999;
	text-decoration:none;
}

h1
{
	font-size: 150%;
	font-weight: bold;
	padding: 0;
}

hr
{
	border: none 0;
	border-top: 1px solid #2f323e;
	height: 1px;
}

pre.code
{
	display: block;
	padding: 8px;
	border: 1px dashed #ccc;
}

#index
{
	float: left;
	width: 200px;
	position: absolute;
	left: 10px;
	background-color: #F3F3F3;
	padding: 0px;
}

#content
{
	margin: 0 8px 0 240px;
}

.classList
{
	list-style-type: none;
	padding: 0;
	margin: 0 0 0 8px;
	font-family: arial, sans-serif;
	font-size: 1em;
	overflow: auto;
}

.classList li
{
	padding: 0;
	margin: 0 0 8px 0;
}

.summaryTable { width: 100%; }

h1.classTitle
{
	font-size:170%;
	line-height:130%;
}

h2 { font-size: 110%; }
caption, div.sectionTitle
{
	background-color: #2f323e;
	color: #fff;
	font-size:130%;
	text-align: left;
	padding: 2px 6px 2px 6px;
	border: 1px #2f323e solid;
}

div.sectionTitle { margin-bottom: 8px; }
.summaryTable thead { display: none; }

.summaryTable td
{
	vertical-align: top;
	padding: 4px;
	border-bottom: 1px #2f323e solid;
	border-right: 1px #2f323e solid;
}

/*col#summaryAttributes {}*/
.summaryTable td.attributes
{
	border-left: 1px #2f323e solid;
	width: 140px;
	text-align: right;
}

td.attributes, .fixedFont
{
	line-height: 15px;
	color: #2f323e;
	font-family: "Courier New",Courier,monospace;
	font-size: 13px;
}

.summaryTable td.nameDescription
{
	text-align: left;
	font-size: 13px;
	line-height: 15px;
}

.summaryTable td.nameDescription, .description
{
	line-height: 15px;
	padding: 4px;
	padding-left: 4px;
}

.summaryTable { margin-bottom: 8px; }

ul.inheritsList
{
	list-style: square;
	margin-left: 20px;
	padding-left: 0;
}

.detailList {
	margin-left: 20px; 
	line-height: 15px;
}
.detailList dt { margin-left: 20px; }

.detailList .heading
{
	font-weight: bold;
	padding-bottom: 6px;
	margin-left: 0;
}

.light, td.attributes, .light a:link, .light a:visited
{
	color: #777;
	font-style: italic;
}

.fineprint
{
	margin-top: 20px;
	margin-bottom: 5px;
	text-align: center;
	font-size: 10px;
}
		</style>
	</head>
	
	<body>
		<div id="header">
	<h1 style="font-size:20px;color:#fff;margin:0;padding:12px 0 0 12px;">CasualJS Framework - A HTML5 Canvas Framework</h1>
	<div id="menu" style="margin:10px 0 0 12px;">
		<li style="padding-top:4px;background:#fff;width:120px;height:20px;display:block;font-weight:bold;text-align:center;"><a href="index.html" style="color:#222;display:block;text-decoration:none;height:18px;">Documentation</a></li>
	</div>
</div>
		
		<div id="index">
			<div align="center" style="height:24px;padding-top:6px;background:#2f323e;color:#fff;font-size:14px;font-weight:bold;text-align:center;">Class List</div>
<ul class="classList">
	
	<li></li>
	
	<li><a href="symbols/Audio.html">Audio</a></li>
	
	<li><a href="symbols/Bitmap.html">Bitmap</a></li>
	
	<li><a href="symbols/Button.html">Button</a></li>
	
	<li><a href="symbols/casual.html">casual</a></li>
	
	<li><a href="symbols/Color.html">Color</a></li>
	
	<li><a href="symbols/DisplayObject.html">DisplayObject</a></li>
	
	<li><a href="symbols/DisplayObjectContainer.html">DisplayObjectContainer</a></li>
	
	<li><a href="symbols/EventBase.html">EventBase</a></li>
	
	<li><a href="symbols/EventDispatcher.html">EventDispatcher</a></li>
	
	<li><a href="symbols/Frame.html">Frame</a></li>
	
	<li><a href="symbols/Graphics.html">Graphics</a></li>
	
	<li><a href="symbols/Matrix.html">Matrix</a></li>
	
	<li><a href="symbols/MovieClip.html">MovieClip</a></li>
	
	<li><a href="symbols/NameUtil.html">NameUtil</a></li>
	
	<li><a href="symbols/Point.html">Point</a></li>
	
	<li><a href="symbols/Rectangle.html">Rectangle</a></li>
	
	<li><a href="symbols/Shape.html">Shape</a></li>
	
	<li><a href="symbols/Sprite.html">Sprite</a></li>
	
	<li><a href="symbols/Stage.html">Stage</a></li>
	
	<li><a href="symbols/StageEvent.html">StageEvent</a></li>
	
	<li><a href="symbols/Text.html">Text</a></li>
	
</ul>
		</div>
		
		<div id="content">
			<h1 class="classTitle">Class Index</h1>
			
			
			
			
			<div><h2><a href="symbols/Audio.html">Audio</a></h2>The helper for playing audio.</div><hr/>
			
			<div><h2><a href="symbols/Bitmap.html">Bitmap</a></h2>The Bitmap class represents bitmap images which are display objects.</div><hr/>
			
			<div><h2><a href="symbols/Button.html">Button</a></h2>This class is the Button implementation in HTML5 Canvas.</div><hr/>
			
			<div><h2><a href="symbols/casual.html">casual</a></h2>Basic object of Casual Framework, provides some core functions.</div><hr/>
			
			<div><h2><a href="symbols/Color.html">Color</a></h2>The Color class provides methods for manipulating colors.</div><hr/>
			
			<div><h2><a href="symbols/DisplayObject.html">DisplayObject</a></h2>The DisplayObject class is the base class for all objects that can be placed on the canvas.</div><hr/>
			
			<div><h2><a href="symbols/DisplayObjectContainer.html">DisplayObjectContainer</a></h2>The DisplayObjectContainer class is an abstract base class for all objects that can contain child objects.</div><hr/>
			
			<div><h2><a href="symbols/EventBase.html">EventBase</a></h2>The EventBase class is used as the base class for the creation of Event objects, which are passed as parameters to event listeners when an event occurs.</div><hr/>
			
			<div><h2><a href="symbols/EventDispatcher.html">EventDispatcher</a></h2>The EventDispatcher class is the base class for all classes that dispatch events.</div><hr/>
			
			<div><h2><a href="symbols/Frame.html">Frame</a></h2>The Frame class represents a frame in a MovieClip.</div><hr/>
			
			<div><h2><a href="symbols/Graphics.html">Graphics</a></h2>The Graphics class contains a set of methods that you can use to create a vector shape.</div><hr/>
			
			<div><h2><a href="symbols/Matrix.html">Matrix</a></h2>The Matrix class represents a transformation matrix that determines how to map points from one coordinate space to another.</div><hr/>
			
			<div><h2><a href="symbols/MovieClip.html">MovieClip</a></h2>The MovieClip class inherits from Sprite, but unlike Sprite, a MovieClip object has frames.</div><hr/>
			
			<div><h2><a href="symbols/NameUtil.html">NameUtil</a></h2>The NameUtil utility class defines static methods for creating names for objects in CasualJS Framework.</div><hr/>
			
			<div><h2><a href="symbols/Point.html">Point</a></h2>The Point object represents a location in a two-dimensional coordinate system, where x represents the horizontal axis and y represents the vertical axis.</div><hr/>
			
			<div><h2><a href="symbols/Rectangle.html">Rectangle</a></h2>The Rectangle object is an area defined by its position.</div><hr/>
			
			<div><h2><a href="symbols/Shape.html">Shape</a></h2>The Shape class includes a graphics property, which lets you create shapes and graphics.</div><hr/>
			
			<div><h2><a href="symbols/Sprite.html">Sprite</a></h2>The Sprite class is a basic display list building block which can contain children.</div><hr/>
			
			<div><h2><a href="symbols/Stage.html">Stage</a></h2>The Stage represents the entire area of canvas where display contents are shown.</div><hr/>
			
			<div><h2><a href="symbols/StageEvent.html">StageEvent</a></h2>A StageEvent object is dispatched whenever enter frame event or mouse events occur on Stage.</div><hr/>
			
			<div><h2><a href="symbols/Text.html">Text</a></h2>The Text class provides basic methods to draw text onto Stage.</div><hr/>
			
			
		</div>
		<div class="fineprint" style="clear:both">
			
			Documentation generated by <a href="http://code.google.com/p/jsdoc-toolkit/" target="_blankt">JsDoc Toolkit</a> 2.4.0 on Sun Mar 06 2011 15:04:59 GMT+0800 (CST)
		</div>
	</body>
</html>